<%--
  Created by IntelliJ IDEA.
  User: Mi
  Date: 2021/6/23
  Time: 18:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>百年田氏</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <%--    引入layui样式--%>
    <link rel="stylesheet" href="/plugins/layui/css/layui.css">
    <!-- Favicons
        ================================================== -->
    <link rel="shortcut icon" href="/asset1/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="/asset1/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/asset1/img/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/asset1/img/apple-touch-icon-114x114.png">
    <link rel="shortcut icon" href="/imgs/田.ico">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css"  href="/asset1/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/asset1/fonts/font-awesome/css/font-awesome.css">

    <!-- Stylesheet
        ================================================== -->
    <link rel="stylesheet" type="text/css" href="/asset1/css/style.css">
    <link rel="stylesheet" type="text/css" href="/asset1/css/nivo-lightbox/nivo-lightbox.css">
    <link rel="stylesheet" type="text/css" href="/asset1/css/nivo-lightbox/default.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation
    ==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            <a class="navbar-brand page-scroll" href="#page-top">Giao Tian</a>
            <div class="phone"><span>联系我们</span>181-3731-9582</div>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#about" class="page-scroll">关于田氏</a></li>
                <li><a href="#services" class="page-scroll">合作公司</a></li>
                <li><a href="#portfolio" class="page-scroll">大牌电影</a></li>
                <li><a href="#testimonials" class="page-scroll">顾客评价</a></li>
                <li><a href="#contact" class="page-scroll">加盟田氏</a></li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
</nav>
<!-- Header -->
<header id="header">
    <div class="intro">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 intro-text">
                        <h1>大电影，看田氏<br>
                            娱乐看田哥</h1>
                        <p>专注娱乐行业，秉承“汇聚四方才智，缔造百年田氏”的企业愿景，荣获全国五一劳动奖状、国家重点高新技术企业、中国重合同守信用企业、国家标准化良好行为AAAA级企业、国家级知识产权试点企业、山东省省长质量奖等多项荣誉称号</p>
                        <a href="#about" class="btn btn-custom btn-lg page-scroll">了解更多</a> </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Get Touch Section -->
<div id="get-touch">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6 col-md-offset-1">
                <h3>田氏强大的企业需要怀才不遇的你</h3>
                <p>现在免费发送你的简历给我们加入田家军</p>
            </div>
            <div class="col-xs-12 col-md-4 text-center"><a href="#contact" class="btn btn-custom btn-lg page-scroll">投递简历</a></div>
        </div>
    </div>
</div>
<!-- About Section -->
<div id="about">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6"> <img src="/imgs/田氏影业logo2.png" class="/asset1/img-responsive" alt=""> </div>
            <div class="col-xs-12 col-md-6">
                <div class="about-text">
                    <h2>我们是？</h2>
                    <p>田氏电影集团公司，LiGiaoTian Motion Picture Group，是giao田影视娱乐有限公司旗下的影片制作和销售的旗舰公司，负责在中国和全球67个国家和地区销售、发行和推广电影产品。giao田影视娱乐有限公司在电影业的历史可以追溯到最初田氏电影公司1924年的成立。田氏电影集团公司每年制作30多部电影，最近的产品包括已经在国内发行了的《贯田侠》系列、《精灵田小弟》、《霹雳田哥》和《贯田大佐》等等。</p>
                    <h3>为什么选择田氏?</h3>
                    <div class="list-style">
                        <div class="col-lg-6 col-sm-6 col-xs-12">
                            <ul>
                                <li>一流的电影服务</li>
                                <li>贵宾级别的观影体验</li>
                                <li>全球顶级影厅</li>
                                <li>田家军至尊的售后服务</li>
                            </ul>
                        </div>
                        <div class="col-lg-6 col-sm-6 col-xs-12">
                            <ul>
                                <li>加入田家军终身免费观影</li>
                                <li>首年VIP仅666元</li>
                                <li>一线明星入驻田氏</li>
                                <li>田家军都是人上人</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Services Section -->
<div id="services">
    <div class="container">
        <div class="section-title">
            <h2>合作公司</h2>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="service-media"> <img src="/imgs/glby.jpg" alt=" "> </div>
                <div class="service-desc">
                    <h3>美国哥伦比亚电影公司</h3>
                    <p>哥伦比亚电影集团公司以其八十年的积聚成为好莱坞最主要的制片厂之一，其片库拥有5,000多部经典影片，其中包括12部“奥斯卡最佳影片奖”得主</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-media"> <img src="/imgs/manwei.jpg" alt=" "> </div>
                <div class="service-desc">
                    <h3>美国漫威电影公司</h3>
                    <p>Marvel公司的历史可以追溯到1939年。当时公司名为时代漫画（Timely Comics）。1951年更名为亚特拉斯漫画（Atlas Comics），而在1961年正式更名为Marvel Comics，并确定了正式的标记</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-media"> <img src="/imgs/plm.jpg" alt=" "> </div>
                <div class="service-desc">
                    <h3>派拉蒙影业公司</h3>
                    <p>成立于1912年5月，是美国电影制片和发行公司，以群星环绕雪山的标志为人所熟知。事实上，用高山来比喻派拉蒙在电影业的地位也是非常恰当的。</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="service-media"> <img src="/imgs/suoni.jpg" alt=" "> </div>
                <div class="service-desc">
                    <h3>索尼影视娱乐公司</h3>
                    <p>SPE在全球的业务包括：电影的制作和发行，电视节目的制作和发行，数码娱乐节目的制作和发行，全球范围的电视频道投资，购买和发行家庭娱乐节目，经营影视拍摄设施，开发新型娱乐产品、 服务和技术，以及在67个国家进行电影娱乐产品销售。</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-media"> <img src="/imgs/huanqiu.png" alt=" "> </div>
                <div class="service-desc">
                    <h3>环球影片公司</h3>
                    <p>又称环球影业，是全球电影、电视制片厂大型制作商之一。环球影片也是好莱坞历史悠久的公司之一，并在公司创始阶段成为好莱坞实力最强的电影公司。</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-media"> <img src="/imgs/dishini.jpg" alt=" "> </div>
                <div class="service-desc">
                    <h3>华特迪士尼影片</h3>
                    <p>华特迪士尼公司NYSE: DIS（英语：The Walt Disney Company，TWDC，在1995年之前，中国大陆曾译作沃尔特迪斯尼、中国台湾曾译作华特狄斯奈、华德狄斯奈或华德迪斯奈，中国香港曾译作和路迪士尼），简称迪士尼，是世界上第二大传媒娱乐企业，1923年由华特·迪士尼与兄长洛伊·迪士尼创立。</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Gallery Section -->
<div id="portfolio">
    <div class="container">
        <div class="section-title">
            <h2>大牌电影</h2>
        </div>
        <div class="row">
            <div class="portfolio-items">
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/ma.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>画江湖</h4>
                            </div>
                            <img src="/imgs/ma.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/tianxing.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>天行九歌</h4>
                            </div>
                            <img src="/imgs/tianxing.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/qinshi.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>秦时明月</h4>
                            </div>
                            <img src="/imgs/qinshi.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/shaojin.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>少年锦衣卫</h4>
                            </div>
                            <img src="/imgs/shaojin.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/douluo.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>斗罗大陆</h4>
                            </div>
                            <img src="/imgs/douluo.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/xiongbinglian.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>雄兵连</h4>
                            </div>
                            <img src="/imgs/xiongbinglian.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/baishe.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>白蛇缘起</h4>
                            </div>
                            <img src="/imgs/baishe.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/canci.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>残次品</h4>
                            </div>
                            <img src="/imgs/canci.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="portfolio-item">
                        <div class="hover-bg"> <a href="/imgs/xingyouji.jpg" title="Project Title" data-lightbox-gallery="gallery1">
                            <div class="hover-text">
                                <h4>星游记</h4>
                            </div>
                            <img src="/imgs/xingyouji.jpg" class="img-responsive" alt="Project Title"> </a> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Testimonials Section -->
<div id="testimonials">
    <div class="container">
        <div class="section-title">
            <h2>顾客评价</h2>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="testimonial">
                    <div class="testimonial-image"> <img src="/imgs/tiange.jpg" alt=""> </div>
                    <div class="testimonial-content">
                        <p>"秉承汇聚四方才智，缔造百年田氏的企业愿景，我们田氏集团将用户体验放在首要地位，顾客即上帝，我们深信唯有如此才能在娱乐服务业这条大道上越走越远。"</p>
                        <div class="testimonial-meta"> - CEO田总 </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="testimonial">
                    <div class="testimonial-image"> <img src="/imgs/ruirui.jpg" alt=""> </div>
                    <div class="testimonial-content">
                        <p>"两分，呵，真棒，我就只会用到这东西一次，在我买票的时候自动开了个折扣卡，多付了11.9元，我用吗，可以给个提示吗，让我很亏好吗，不过有一说一，集团创始人很帅，很有自己的个性，这两分是给田哥的"</p>
                        <div class="testimonial-meta"> - 体验官锐锐 </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="testimonial">
                    <div class="testimonial-image"> <img src="/imgs/qiangge.jpg" alt=""> </div>
                    <div class="testimonial-content">
                        <p>"我想给五星，太好用了，就算充会员，我也愿意，比猫眼淘票票什么的好太多了，果断给田氏打五分，附的图片高清正版，电影实时票房数据贴切"</p>
                        <div class="testimonial-meta"> - 体验官强强 </div>
                    </div>
                </div>
            </div>
            <div class="row"> </div>
            <div class="col-md-4">
                <div class="testimonial">
                    <div class="testimonial-image"> <img src="/imgs/longge.jpg" alt=""> </div>
                    <div class="testimonial-content">
                        <p>"田氏电影真的很好，建议大家也下载田氏电影我五星好评，田氏电影通通都能看，而且还有海外各种电影，祝田氏电影的官方继续加油哦！也要更新，更新之后会更好的。"</p>
                        <div class="testimonial-meta"> - 体验官龙龙 </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="testimonial">
                    <div class="testimonial-image"> <img src="/imgs/xiaogong.jpg" alt=""> </div>
                    <div class="testimonial-content">
                        <p>"非常好用，已经用它买了很多电影票了。我是第一次用这个软件，在这里买票非常方便不用来回折腾，非常建议大家下载，而且这里推荐的电影院非常好，服务态度很好也很热情，而且电影院里的屏幕也是非常好的，强力推荐。"</p>
                        <div class="testimonial-meta"> - 体验官龚龚 </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="testimonial">
                    <div class="testimonial-image"> <img src="/imgs/caolaoban.jpg" alt=""> </div>
                    <div class="testimonial-content">
                        <p>"今年春节档电影票看起来很便宜吧！一线城市电影票价几乎没有高于20元的！为什么呢，被田氏拉平了！一张票影院官网50多，田氏直接砍价到10元！现在已经不去什么微信，美团里订票了，都是田氏的渠道。"</p>
                        <div class="testimonial-meta"> - 体验官曹老板 </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Contact Section -->
<div id="contact">
    <div class="container">
        <div class="col-md-8">
            <div class="row">
                <div class="section-title">
                    <h2>加入田氏集团</h2>
                    <p>汇聚四方才智，缔造百年田氏</p>
                </div>
                <form name="sentMessage" id="contactForm" novalidate>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" id="name" class="form-control" placeholder="尊姓大名" required="required">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="email" id="email" class="form-control" placeholder="个人邮箱" required="required">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <textarea name="message" id="message" class="form-control" rows="4" placeholder="个人信息..." required></textarea>
                        <p class="help-block text-danger"></p>
                    </div>
                    <div id="success"></div>
                    <button type="button" onclick="submit1()" class="btn btn-custom btn-lg">投递简历</button>
                </form>
            </div>
        </div>
        <div class="col-md-3 col-md-offset-1 contact-info">
            <div class="contact-item">
                <h4>联系田氏</h4>
                <p><span>公司总部</span>哈尔滨道外区<br>
                    贯田路2333号</p>
            </div>
            <div class="contact-item">
                <p><span>热线电话</span>8208208820</p>
            </div>
            <div class="contact-item">
                <p><span>Email</span> 1747636339@company.com</p>
            </div>
        </div>
        <div class="col-md-12">
            <div class="row">
                <div class="social">
                    <ul>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Footer Section -->
<div id="footer">
    <div class="container text-center">
        <p>Copyright &copy; 百年田氏，品牌企业</p>
    </div>
</div>

<script type="text/javascript" src="/asset1/js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="/asset1/js/bootstrap.js"></script>
<script type="text/javascript" src="/asset1/js/SmoothScroll.js"></script>
<script type="text/javascript" src="/asset1/js/nivo-lightbox.js"></script>
<script type="text/javascript" src="/asset1/js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="/asset1/js/contact_me.js"></script>
<script type="text/javascript" src="/asset1/js/main.js"></script>
<%--    引入layui - js--%>
<script type="text/javascript" src="/plugins/layui/layui.js"></script>
<script>
    //添加购物车
    function submit1(){

        layer.msg('投递成功', {icon: 1});
        window.location="user/index3"


    }
</script>
</body>
</html>
